/*首页*/

/*主要盒子宽度100%*/
header,
nav,
main,
footer{
    width: 100%;
}

/*容器宽度统一定义,居中*/
.w1512{
    width: 151.28rem;
    margin: 0 auto;
}


/*页面头部*/
header{
    width: 100%;
    height: 100px;
    background: #005bac;
}

/*头部logo*/
.logo{
    width: 1450px;;
    margin: 0 auto;
    padding: 20px 0;
}

.logo a{
    float: left;
    display: block;/*设置为块级元素，独占一行*/
}

.logo img{
    height: 60px;
}

/*头部搜索按钮*/
.links{
    float: right;/*向右对齐*/
    height: 50px;
}

.links a.btn_ser {
    padding: 0 2px;/*上下内边距为0，左右为2px*/
    height: 25px;
    display: block;
    margin-top: 15px;/*设置.btn_ser链接的上外边距为15像素*/
}

/*导航菜单栏目*/
nav {
    position: absolute;
    z-index: 1000;/*防止菜单栏被背景图覆盖*/
    width: 100%;
    height: 50px;
    line-height: 50px;/*设置文本行高为50像素，以便于居中*/
    background: rgba(0, 78, 145, 0.6);/*设置菜单栏的背景色为半透明蓝色*/
}
nav ul {
    height: 45px;
    margin: 0px auto;/*居中列表*/
    max-width: 1450px;/*设置列表最大宽度为1450px*/
}
nav ul li {
    width: 10%;/*设置列表的宽度*/
    float: left;/*向左浮动，达到水平排列效果*/
    height: 50px;
    line-height: 50px;/*垂直居中*/
    text-align: center;/*水平居中*/
    position: relative;
}
nav ul li a {
    display: block;/*设置为块级元素，占据整个列表项的宽度*/
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;/*设置为粗体*/
    width: 100%;
}
/*设置悬停在菜单栏的样式*/
nav li:hover {
    background-color: #89211b;
  }

/*子菜单定义*/
nav ul li .subNav {
    z-index: 1000;/*防止被轮播图覆盖*/
    position: absolute;/*绝对定位，定位与菜单栏上的列表*/
    top: 50px;
    display: none;/*默认隐藏子菜单栏*/
    width: 100%;
    border-top: 2px solid #f6ad3c;/*顶部添加上实线边框*/
  }
/*设置悬停下子菜单的样式*/
nav li:hover ul.subNav{
    display: flex;/*当鼠标悬停在列表上时，将子菜单的显示方式设置为flex布局*/
    flex-direction: column;/*子菜单垂直排列*/
  }
  
  nav ul li ul.subNav li{
    background: #cce1fa;
    width: 100%;
 }
 nav ul li ul.subNav li a{
    font-size: 0.9em;
    color: #020202;/*设置字体为黑色*/
    text-align: left;/*文本对齐方式为左对齐*/
 }

 nav ul li ul.subNav li:hover > a {
    background-color: #a1261f;/*鼠标悬停时的背景色*/
    color: #ffffff; /* 鼠标悬停时，更改文本色以确保在被选中时深色背景上可读 */
}

/*图片*/
.Banner {
    height: 472.81px;
    overflow: hidden;/*溢出隐藏*/
    position: relative;
}
.Banner li{
    overflow: hidden;
    float: left;
}
.Banner ul{
    position: absolute;
    left: 0;
    top: 0px;
    width: 5000px;
}

/*学院动态列表*/
.subPage {
    width: 1450px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.subPage_con {
    width: 1450px;
    overflow: hidden;
    min-height: 470px;
    margin: 0 auto;
}
.article {
    font-size: 1.3em;
    line-height: 25px;
}
/*标题*/
.borderBot {
    border-bottom: 1px solid #005bac;
    height: 65px;
}
.borderBot h2 {
    height: 25px;
    line-height: 25px;
    color: #014888;
    font-size: 3rem;
    font-weight: bold;
    padding: 20px 15px;
}
/*列表容器*/
.list01 {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
/*列表属性*/
.list01 li {
    width: 100%;
    overflow: hidden;
    position: relative;
}
/*每条列表前的小点*/
.list01 li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    background-color: #003770;
    display: block;
    position: absolute;
}
/*列表属性*/
.list01 li a {
    display: block;
    padding: 10px 0 10px 20px;
    width: 83%;
    line-height: 23px;
    font-family: Arial;
    color: #282828;
    float: left;
    font-family: "微软雅黑";
    font-size: 16px;
}
/*设置鼠标悬浮字体变为蓝色*/
.list01 li:hover a{
    color: #003770;
  }
/*日期*/
.rightDate {
    float: right;
    padding-top: 10px;
    width: 100px;
    text-align: right;
}
/*列表总结*/
.pages {
    text-align: right;
    height: 28px;
    font-size: 14px !important;
    line-height: 28px;
    margin-top: 25px;
    overflow: hidden;
    padding-left: 15px;
}
/*上一页，下一页*/
.pages span{
    font-size: 14px;
}
.pages a {
    width: 27px;
    height: 28px;
    font-size: 14px !important;
    text-align: center;
    color: #636363;
    padding-left: 5px !important;
}
/*设置鼠标悬浮字体变为蓝色*/
.pages:hover a{
    color: #003770;
  }
/*底部*/
.footer_wrap {
    margin-top: 40px;
    width: 100%;
    background: url(../images/footer.png) no-repeat center;
    background-size: 100% 100%;
  }
  .footer_wrap .link {
    float: none !important;
    width: 1100px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
  }
  .footer_wrap .link a {
    padding-right: 20px;
    color: #ffffff;
  }
  .fhx {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
  }
  .footer {
    max-width: 1100px;
    margin: 0 auto;
  }
  .footer_logo {
    padding: 40px 20%;
  }
  .copy {
    color: #ffffff;
    font-size: 1.5em;
    width: auto;
    line-height: 30px;
    text-align: center;
    padding: 10px 0 40px;
    letter-spacing: 0.6px;
  }
  .footer_wrap p {
    text-align: center;
    width: 100%;
    line-height: 40px;
    width: 100%;
    color: #ffffff;
  }